<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.box,.box1{
				position: relative;
				width: 50px;
				height: 50px;
				background: forestgreen;
			}
		</style>
	</head>
	<body>
			<div class="box "></div>
			<div class="box "></div>
			<div class="box "></div>
			
			<hr />
			<div class="box1 "></div>
			<div class="box1 "></div>
			<div class="box1 "></div>
			
	</body>
	<script src="src/minified/TweenMax.min.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		// 通过数组设置值
		var t = new TimelineMax()
		t.staggerTo('.box',1,{
			cycle:{
				x:[100,200,300]
			}
		})
		// 通过function设置值
		var t1 = new TimelineMax()
		t1.staggerTo('.box1',1,{
			cycle:{
				x:function(index,item){
					if(index===1){
						return 300
					}else if(index===0){
						return 400
					}else{
						return 200
					}
				}
			}
		})
	</script>
</html>
